<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>数据列表-加载本地数据</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">

</head>
<body>
    <div id="grid">
        <table class="grid_data">
        <thead>
        <tr>
            <td>&nbsp;</td>
            <td colspan="2">人员信息</td>
        </tr>
        <tr>
            <td>序号</td>
            <td>编码</td>
            <td>姓名</td>
        </tr>
        </thead>
        <tbody>
        <tr class="row{{i%2}}">
            <td>{{i+1}}</td>
            <td>{{value.code}}</td>
            <td>{{value.name}}</td>
        </tr>
        </tbody>
    </table>
</div>
</body>

<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../lib/template.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>
<script>
    var data = {
        rows: [
            {code: 'y08066', name: '靳晓松'},
            {code: 'y11011', name: '刘东'},
            {code: 'y12013', name: '贾怀玺'}
        ]
    };
    $('#grid').uiGrid({
        autoFit: false,
        colFit: true,
        gridTitleFix: false,
        width: 400,
        height: 200,
        showHeader: true,
        icon: 'list',
        title: '数据列表',
        localData: data
    });
</script>
</html>